<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>A17公寓平面图</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Save for Web Styles (A17一层.psd) -->
<link href="css/A17_cut_02.css" rel="stylesheet" type="text/css" />
<!-- End Save for Web Styles -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.query.js"></script>
<script type="text/javascript" src="js/adminShowRoom.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//通过url地址获取层数的参数
		var url = parent.window.location.href;
		var floor = $.query.load(url).get("f");
		$("div[id*='A17-L']").each(function() {
			var room = $(this);
			var id = room.attr("id");
			var patten = /^A17-L\d{2}-\d{2}$/;

			room.addClass(id);

			if (patten.test(id)) {
				room.attr("id","o_"+id);
				setRoomState(id, function(){
					showRoom(id);
				}, "black");
				room.click(function(){					
					showRoom(id);
				}); 				
			}
		});
		//获取该层的所有房间信息
		$.post("AjaxAction!getRoomInfo.action", {
			department : "A17",
			floor : floor
		}, function(data) {
			$(data).each(function(i) {
				var func = function(){
					showRoom(data[i].room_number);
				};
				if (data[i].total == data[i].current || data[i].chooseAble == 0) {
					setRoomState(data[i].room_number, func, "black");
				} else {
					if (data[i].gender_type == '0') { //男生房间用蓝色遮罩层
						setRoomState(data[i].room_number, func, "blue");
					} else { //女生房间用红色遮罩层表示
						setRoomState(data[i].room_number, func, "red");
					}
				}
			});
		}, "json");
	});
</script>
</head>
<body
	style="background-color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
	<!-- ImageReady Slices (A17二层.jpg) -->
	<div id="__01">
		<div id="chooseInfo">
			<p style="margin: 5px 0 0 30px">
				<span>当前房间：</span><span id="currentRoom">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>开放状态：</span><span id="roomState">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>房间类型：</span><span id="roomSex">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<span>空余床位：</span><span id="leftBed">无</span>
			</p>
			<p style="margin: 5px 0 0 30px">
				<button id="changeBt" disabled class="button"
					onclick="changeRoomState()">修改</button>
			</p>
		</div>
		<div id="bed" style="visibility: visible"></div>
		<div id="A17-L02-0001">
			<img src="images/A17/02/A17-L02-0001.png" width="600" height="64"
				alt="">
		</div>
		<div id="A17-L02-0002">
			<img src="images/A17/02/A17-L02-0002.png" width="49" height="361"
				alt="">
		</div>
		<div id="A17-L02-01">
			<img src="images/A17/02/A17_L02_01.png" width="35" height="29" alt="">
		</div>
		<div id="A17-L02-0004">
			<img src="images/A17/02/A17-L02-0004.png" width="13" height="361"
				alt="">
		</div>
		<div id="A17-L02-02">
			<img src="images/A17/02/A17_L02_02.png" width="36" height="29" alt="">
		</div>
		<div id="A17-L02-0006">
			<img src="images/A17/02/A17-L02-0006.png" width="331" height="104"
				alt="">
		</div>
		<div id="A17-L02-50">
			<img src="images/A17/02/A17_L02_50.png" width="38" height="29" alt="">
		</div>
		<div id="A17-L02-0008">
			<img src="images/A17/02/A17-L02-0008.png" width="13" height="361"
				alt="">
		</div>
		<div id="A17-L02-49">
			<img src="images/A17/02/A17_L02_49.png" width="34" height="29" alt="">
		</div>
		<div id="A17-L02-0010">
			<img src="images/A17/02/A17-L02-0010.png" width="51" height="361"
				alt="">
		</div>
		<div id="A17-L02-03">
			<img src="images/A17/02/A17_L02_03.png" width="35" height="31" alt="">
		</div>
		<div id="A17-L02-04">
			<img src="images/A17/02/A17_L02_04.png" width="36" height="31" alt="">
		</div>
		<div id="A17-L02-48">
			<img src="images/A17/02/A17_L02_48.png" width="38" height="31" alt="">
		</div>
		<div id="A17-L02-47">
			<img src="images/A17/02/A17_L02_47.png" width="34" height="31" alt="">
		</div>
		<div id="A17-L02-05">
			<img src="images/A17/02/A17_L02_05.png" width="35" height="30" alt="">
		</div>
		<div id="A17-L02-06">
			<img src="images/A17/02/A17_L02_06.png" width="36" height="31" alt="">
		</div>
		<div id="A17-L02-46">
			<img src="images/A17/02/A17_L02_46.png" width="38" height="30" alt="">
		</div>
		<div id="A17-L02-45">
			<img src="images/A17/02/A17_L02_45.png" width="34" height="30" alt="">
		</div>
		<div id="A17-L02-07">
			<img src="images/A17/02/A17_L02_07.png" width="35" height="32" alt="">
		</div>
		<div id="A17-L02-44">
			<img src="images/A17/02/A17_L02_44.png" width="38" height="27" alt="">
		</div>
		<div id="A17-L02-43">
			<img src="images/A17/02/A17_L02_43.png" width="34" height="32" alt="">
		</div>
		<div id="A17-L02-0022">
			<img src="images/A17/02/A17-L02-0022.png" width="36" height="13"
				alt="">
		</div>
		<div id="A17-L02-0023">
			<img src="images/A17/02/A17-L02-0023.png" width="35" height="18"
				alt="">
		</div>
		<div id="A17-L02-12">
			<img src="images/A17/02/A17_L02_12.png" width="18" height="53" alt="">
		</div>
		<div id="A17-L02-14">
			<img src="images/A17/02/A17_L02_14.png" width="16" height="53" alt="">
		</div>
		<div id="A17-L02-16">
			<img src="images/A17/02/A17_L02_16.png" width="17" height="53" alt="">
		</div>
		<div id="A17-L02-18">
			<img src="images/A17/02/A17_L02_18.png" width="18" height="53" alt="">
		</div>
		<div id="A17-L02-20">
			<img src="images/A17/02/A17_L02_20.png" width="15" height="53" alt="">
		</div>
		<div id="A17-L02-22">
			<img src="images/A17/02/A17_L02_22.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L02-24">
			<img src="images/A17/02/A17_L02_24.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L02-25">
			<img src="images/A17/02/A17_L02_25.png" width="20" height="53" alt="">
		</div>
		<div id="A17-L02-0032">
			<img src="images/A17/02/A17-L02-0032.png" width="48" height="257"
				alt="">
		</div>
		<div id="A17-L02-26">
			<img src="images/A17/02/A17_L02_26.png" width="21" height="53" alt="">
		</div>
		<div id="A17-L02-27">
			<img src="images/A17/02/A17_L02_27.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L02-28">
			<img src="images/A17/02/A17_L02_28.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L02-30">
			<img src="images/A17/02/A17_L02_30.png" width="17" height="53" alt="">
		</div>
		<div id="A17-L02-32">
			<img src="images/A17/02/A17_L02_32.png" width="18" height="53" alt="">
		</div>
		<div id="A17-L02-34">
			<img src="images/A17/02/A17_L02_34.png" width="16" height="53" alt="">
		</div>
		<div id="A17-L01-36">
			<img src="images/A17/02/A17_L01_36.png" width="17" height="53" alt="">
		</div>
		<div id="A17-L02-38">
			<img src="images/A17/02/A17_L02_38.png" width="15" height="53" alt="">
		</div>
		<div id="A17-L02-38041">
			<img src="images/A17/02/A17_L02_38-41.png" width="1" height="40"
				alt="">
		</div>
		<div id="A17-L02-0042">
			<img src="images/A17/02/A17-L02-0042.png" width="37" height="63"
				alt="">
		</div>
		<div id="A17-L02-09">
			<img src="images/A17/02/A17_L02_09.png" width="35" height="35" alt="">
		</div>
		<div id="A17-L02-08">
			<img src="images/A17/02/A17_L02_08.png" width="35" height="17" alt="">
		</div>
		<div id="A17-L02-42">
			<img src="images/A17/02/A17_L02_42.png" width="34" height="35" alt="">
		</div>
		<div id="A17-L02-0046">
			<img src="images/A17/02/A17-L02-0046.png" width="35" height="41"
				alt="">
		</div>
		<div id="A17-L02-0047">
			<img src="images/A17/02/A17-L02-0047.png" width="35" height="204"
				alt="">
		</div>
		<div id="A17-L02-0048">
			<img src="images/A17/02/A17-L02-0048.png" width="142" height="23"
				alt="">
		</div>
		<div id="A17-L02-0049">
			<img src="images/A17/02/A17-L02-0049.png" width="143" height="23"
				alt="">
		</div>
		<div id="A17-L02-0050">
			<img src="images/A17/02/A17-L02-0050.png" width="34" height="204"
				alt="">
		</div>
		<div id="A17-L02-10">
			<img src="images/A17/02/A17_L02_10.png" width="19" height="52" alt="">
		</div>
		<div id="A17-L02-11">
			<img src="images/A17/02/A17_L02_11.png" width="17" height="52" alt="">
		</div>
		<div id="A17-L02-13">
			<img src="images/A17/02/A17_L02_13.png" width="18" height="52" alt="">
		</div>
		<div id="A17-L02-15">
			<img src="images/A17/02/A17_L02_15.png" width="16" height="52" alt="">
		</div>
		<div id="A17-L02-17">
			<img src="images/A17/02/A17_L02_17.png" width="17" height="52" alt="">
		</div>
		<div id="A17-L02-19">
			<img src="images/A17/02/A17_L02_19.png" width="18" height="52" alt="">
		</div>
		<div id="A17-L02-21">
			<img src="images/A17/02/A17_L02_21.png" width="15" height="52" alt="">
		</div>
		<div id="A17-L02-23">
			<img src="images/A17/02/A17_L02_23.png" width="19" height="52" alt="">
		</div>
		<div id="A17-L02-0059">
			<img src="images/A17/02/A17-L02-0059.png" width="38" height="181"
				alt="">
		</div>
		<div id="A17-L02-0060">
			<img src="images/A17/02/A17-L02-0060.png" width="40" height="181"
				alt="">
		</div>
		<div id="A17-L02-29">
			<img src="images/A17/02/A17_L02_29.png" width="20" height="52" alt="">
		</div>
		<div id="A17-L02-31">
			<img src="images/A17/02/A17_L02_31.png" width="17" height="52" alt="">
		</div>
		<div id="A17-L02-33">
			<img src="images/A17/02/A17_L02_33.png" width="18" height="52" alt="">
		</div>
		<div id="A17-L02-35">
			<img src="images/A17/02/A17_L02_35.png" width="16" height="52" alt="">
		</div>
		<div id="A17-L02-37">
			<img src="images/A17/02/A17_L02_37.png" width="17" height="52" alt="">
		</div>
		<div id="A17-L02-39">
			<img src="images/A17/02/A17_L02_39.png" width="15" height="52" alt="">
		</div>
		<div id="A17-L02-40">
			<img src="images/A17/02/A17_L02_40.png" width="20" height="52" alt="">
		</div>
		<div id="A17-L02-41">
			<img src="images/A17/02/A17_L02_41.png" width="17" height="52" alt="">
		</div>
		<div id="A17-L02-0069">
			<img src="images/A17/02/A17-L02-0069.png" width="139" height="129"
				alt="">
		</div>
		<div id="A17-L02-0070">
			<img src="images/A17/02/A17-L02-0070.png" width="140" height="129"
				alt="">
		</div>
	</div>
	<!-- End ImageReady Slices -->
</body>
</html>